﻿.main {background:url(../images/content_bg.png) repeat-y top left;margin-top: -10px;min-height: 600px;}
.site {min-height:650px}
.top-header {padding:10px 0;border-bottom:4px solid #666;}

input[type="text"],input[type="password"], textarea, select
{
    font-size: 11px;
 padding: 5px;
 border:1px solid #d6d6d6;
 font-family: Verdana,Arial,Sans-Serif;
 color:#3f3f3f;
-webkit-border-radius:3px;
-webkit-box-shadow:0px 0px 4px #e9e9e9;
-moz-border-radius:3px;
-moz-box-shadow:0px 0px 4px #e9e9e9;
border-radius:3px;
box-shadow:0px 0px 4px #e9e9e9;}

input[type="text"]:focus,input[type="password"]:focus, textarea:focus, select:focus
{
-moz-box-shadow: inset 1px 1px 2px #ccc;
-webkit-box-shadow: inset 1px 1px 2px #ccc;
box-shadow: inset 1px 1px 2px #ccc;
border:1px solid #6690AA;
background:#FCFCE8;
}

#lnkHome {background:url(../images/logo.png) no-repeat top left;height:22px;width:117px;display:block;}
#lnkHome:hover {background-position:0px -24px;text-decoration:none}

.top_books_home {float:left;width:600px;}
.top_books_home div {float:left;display:block;text-align:center;width:150px;height:150px;overflow:hidden}
.top_books_home div a {display:block}
.top_books_home div img {border:2px solid #0088CC;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.new_clubs_home {float:right;width:250px;}

.shelfcontainer {margin-bottom:10px;background: url(../images/wood.png) repeat top left;padding:10px;overflow:hidden;
border:5px solid #E47E3E;
-moz-box-shadow:0 0 5px #333 inset;
-webkit-box-shadow:0 0 5px #333 inset;
box-shadow:0 0 5px #333 inset;
}
.currentshelf {background:url(../images/current_shelf.png) no-repeat bottom center;width:150px;text-align:center;padding-bottom: 22px;margin:10px auto 5px auto;}
.currentshelf IMG {border:1px solid #fff;-moz-box-shadow: 0px 0px 5px #555;
-webkit-box-shadow: 0px 0px 5px #555;
box-shadow: 0px 0px 5px #555;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.shelfcontainer .details {color:#fff;text-align: center;text-shadow: 1px 1px #333;}
.shelfcontainer .details h3 {color:#fff;text-shadow: 1px 1px #333;}
.right_sidebar {width:250px;}

.shelfcontainer h3 small {color: #FFFFFF;
    font-size: 15px;
    margin-bottom: 5px;
    text-align: center;
    text-shadow: 1px 1px #742C06;}

.bookshelf {overflow:hidden;padding:10px;/*background: url(../images/wood.png) repeat top left;border:5px solid #E47E3E;
-moz-box-shadow:0 0 5px #333 inset;
-webkit-box-shadow:0 0 5px #333 inset;
box-shadow:0 0 5px #333 inset;color:#fff */}

.bookshelf .shelf {background:url(../images/shelf_left.png) no-repeat left bottom; padding-left: 5px;margin:15px 0;}
.bookshelf .shelf .inner {background:url(../images/shelf_right.png) no-repeat right bottom; padding-right: 5px;}
.bookshelf .shelf ul {background:url(../images/shelf_mid.png) repeat-x bottom left;padding-bottom:12px;margin:0}
.bookshelf .shelf li {display:block;float:left;position:relative}
.bookshelf .shelf li a {float:left;display:block;margin-left:17px;}

.bookshelf .shelf li img {border:1px solid #fff;-moz-box-shadow:0px 0px 5px #555;
-webkit-box-shadow: 0px 0px 5px #555;
box-shadow:0px 0px 5px #555;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}

.nav .info a {background:url(../images/info.png) no-repeat 120px 5px;}
.nav .info a.active {background:#0088CC url(../images/info.png) no-repeat 120px 5px;}
.left-nav {float:left;padding: 10px 0;width: 140px;}
.left-nav .avatar {text-align:center;margin-bottom:10px; position: relative;}
.right-sidebar {float:right;width:250px;padding-top: 15px;}

.content {float: left;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 529px}
    
.content-wide {float: left;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 655px}

.content-full {float: left;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 780px}

.join-box {padding:5px;text-align:center;background:#FCF8E3;border:1px dashed #FBEED5;margin-bottom:10px;
             color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
          }

.left-nav-ad {text-align:center;margin-top:10px;}

.table .avatar {width:50px;}

.accountlinks {float: right;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;}
.accountlinks a {color:#fff;  text-shadow: 1px 1px 0 #04438E;border:0}

.navbar .logout {float:right;margin:0 0 0 5px}

.member-list {margin:10px 0;}
.member-list .member {display:block;float:left;margin-right:15px;text-align:center;}
.member-list .member img {}
.member-list .member strong {display:block}
.member-list .last {margin-right:0}

.club-details {margin:10px 0;}
.club-details td {padding:3px;vertical-align:top}
.club-details td.labeldesc {font-weight:bold;width: 90px;}

.meeting {border-bottom:1px solid #ccc;padding:5px 0}
.meeting h3 {}
.meeting p {margin:0}
.meeting a {}

.activity-feed {}
.activity-feed td {padding:7px 3px 7px 10px;border-bottom:1px solid #ccc;vertical-align:middle;}
.activity-feed td label {font-size:11px;color:#999;margin:0;line-height: 14px;}
.activity-feed td.avatar {width:30px;padding:3px;}
.section {margin:25px 0;clear:both;}

.register-home td {padding:3px;}

.footer {margin-top:30px;overflow:hidden;color:#fff;border-top:2px solid #C4C4C4;padding:30px 0;background:#F5F5F5; -moz-box-shadow: 0 -6px 10px #CCCCCC
-webkit-box-shadow: 0 -6px 10px #CCCCCC;
box-shadow:0 -6px 10px #CCCCCC}

.footer .footer-links {margin-right: 35px;float: left;
    width: 140px;}
.footer .footer-links span.title {font-family: Arial,Verdana,Helvetica;color: #666666;
    font-size: 14px;
    font-weight: bold;}
.footer .footer-links ul {margin:0;list-style-type:none}
.footer .footer-links ul li a {font-family: Arial,Verdana,Helvetica;color: #999999;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;}

.footer .social li a {display:block;float:left;background:url(../images/footerimages_2.png) no-repeat 0 0;height: 33px;width:33px;}
.footer .social a.facebook {background-position:0 -84px;}
.footer .social a.twitter {background-position:-33px -84px;}
.footer .social a.email {background-position:-100px -84px;}
.contain {width:940px;margin:0px auto}

.footer p.copyright {clear:both;float:right;color:#3f3f3f; margin-top: 40px;}

#Form1 {margin:0}

.modal .book-search-results {}
.modal .book-search-results div {float:left;width:75px;text-align:center;margin-right:15px;margin-bottom:20px;height:150px;overflow:hidden}
.modal .book-search-results div img {width:70px;height:90px;}
.modal .book-search-results div a {display:block}
.modal .book-search-results {}


.newshelf {background:url(../images/shelf_vert.png) repeat-y top left;padding-left: 4px;}
.newshelf .newshelf-right {background:url(../images/shelf_vert.png) repeat-y top right;padding-right: 3px;}
.newshelf ul {background:url(../images/shelf_bg.png) repeat top left;list-style-type:none;margin:0;}
.newshelf ul li {display: block;
    float: left;
    margin-top: 19px;}
.newshelf ul li a { display: block;float: left;margin-left: 17px;-moz-box-shadow: -2px -2px 1px #FFFFFF;
-webkit-box-shadow:  -2px -2px 1px #FFFFFF;
box-shadow:  -2px -2px 1px #FFFFFF}
.newshelf ul li img {border:2px solid #fff;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.newshelf-container {background:url(../images/shelf_horiz.png) repeat-x bottom left;padding-bottom: 4px;margin-top:15px;}

.comment-list {}
.comment-list td {vertical-align:top;padding:5px;border-top:0}
.comment-list tbody tr:hover td,
.comment-list tbody tr:hover th {
  background-color: #ffffff;
}
.comment-list td.avatar {width:50px;text-align:center}
.comment-list td.avatar img,td.avatar img {padding:2px;background:#fff;border:1px solid #ddd;}
.comment-list td.avatar a {font-size:11px;}
.comment-list td.comment-row .comment-tip {left: -10px;
    position: absolute;
    top: 10px;}
.comment-list td.comment-row a {font-weight:bold;display: block;}
.comment-list td label.date {font-size:11px;margin-bottom:0;line-height:14px;}
.comment-list td.comment-row .btn {float: right;
    position: relative;
    right: -5px;
    top: -5px;}
.comment-list td.comment p {margin:0;}
.comment-list td.comment label {font-size:11px;color:#999}
.comment-list td.delete {width:21px;}
.comment-box {margin-top:10px;background:#f2f2f2;padding:5px;border:1px solid #ddd;overflow:hidden}
.comment-list .comment-row p {min-height: 75px;margin-bottom:0;padding: 9px 10px 10px 10px;position:relative;background:#f8f8f8;border:1px solid #CCCCCC;
                              -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
label.help-text {font-size:11px;color:#999}

.change-avatar {position:absolute;background:#333;opacity:.8;padding:3px 5px;top:2px;right:0px;color:#fff;z-index:999}
.change-avatar:hover {color:#ccc}
.club-type-list {width:500px;}
.club-type-list td {padding:5px 0}
.club-type-list td label {display:inline;margin-left:3px;}
.club-type-list td input {margin:0;padding:0}
.club-type-list td p {font-size:11px;padding-left:19px; line-height: 14px;width: 195px;}

.members-list .details span {display:block}

.browse-clubs {}
.browse-clubs th {border-bottom:1px solid #ccc;padding:5px;border-top:0}
.browse-clubs td {vertical-align:middle}
.table .main-link {font-weight:bold;font-size:13px;}
.browse-clubs span {font-size:12px;color:#999}
span.status {font-weight:bold;}
span.public {color:#690}
span.private {color:#f60}
span.secret {color:#f00}

table.discussion-topics {margin-top:15px;}
.members-list span {display:block;color:#999;font-weight:normal}
.members-list td {vertical-align:middle}
.members-list td.avatar-row img {padding:2px;background:#fff;border:1px solid #ddd}
table.table td.avatar-row {width:50px;}
.members-list td.buttons { width: 145px;vertical-align: middle;}
.members-list label {}
.browse-page {float: right;
    margin-left: 10px;
    width: 770px;}
.browse-sidebar {float:left;width:160px}

.pagination td {border:0;padding:3px;text-align:center}
.pagination table {margin:0px auto;}
.pagination table td span {font-size:14px;border:1px solid #ddd;padding:5px;}
.pagination a {line-height:18px;padding:5px;border:0;font-weight:bold}

table.table .pagination tr:hover td,table.table tr.pagination:hover th,table.table .pagination td:hover {
  background-color: #fff;
}
.filter {padding:10px;background:#999999;overflow:hidden;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.filter input {margin-bottom:0}
.filter h6 {display:block;float:left;margin-right:10px;margin-top:4px;font-family:Arial;color:#fff}
.filter div {float:left;margin-right:10px;}
.filter div label {margin-bottom:2px;font-size:11px}
.filter div select {width:80px;margin-bottom:0}
label.date {font-size:11px;color:#999}

.topic-comments .avatar-row {text-align:center;vertical-align: top;}
.topic-comments .avatar-row a {font-size:11px;font-weight:bold}
.topic-comments .buttons {width:20px;vertical-align:top}

.discussion-topics span,.discussion-topics {font-size:11px;color:#999}
.discussion-topics th {font-size:12px;color:#333}

ul.prev-discussions {list-style-type:none; margin-left: 5px;}

.shelfcontainer h2 {color: #FFFFFF;
    font-family: tahoma;
    font-size: 15px;
    line-height: 18px;}

.activity-feed .avatar {width:30px;}

.member-content {float:left;width:600px;margin-right:10px;}
.member-right-sidebar {float:right;width:200px;}
.member-content .avatar {float:left;padding:7px;border:1px solid #ccc}
.member-content .user-info {float:left;margin-left:20px;}
.member-content .user-info span {display:block}

#myModal {padding:10px}

.shelfcontainer a,.shelfcontainer {color:#fff;font-weight:bold;text-shadow:1px 1px #333}
.alert h5 {font-family:Verdana}
.alert p {text-align:left;}

.members-list td.buttons .btn {float:right;margin-left: 5px;}

.topic-comments {margin-top:20px;}

span.error {color:#f60}

.trashcan {background:url(../images/trash.png) no-repeat top center;height:168px;text-align:center;margin:10px 0;}

.discussion-topics td {padding:5px 3px;border-bottom:1px solid #ddd;vertical-align:top}
.discussion-topics .book-details img {float:left;display:block;margin-right:5px;}
.discussion-topics .book-details span {font-size:12px;color:#666;font-weight:bold;}
.discussion-topics td.button {text-align: right;width: 80px; vertical-align: middle;}

.login {margin:30px 0;padding:10px;overflow:hidden;}
.login td {vertical-align:top}
.login td input {margin-bottom:0}
.login h1,.login h2 {margin-bottom:10px;color:#333;font-family:Georgia }
.login .form {margin:0px auto;padding:20px;width:600px;border:1px solid #ccc;padding-right:15px;
              -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.login .right {float: left;
    padding-left: 65px;
    width: 425px;}


.book-club-list {padding-top:25px; margin-bottom:20px;overflow:hidden}
.book-club-list h4 {color: #669900;
    font-family: Georgia;
    font-size: 16px;
    padding-bottom: 5px;}
.book-club-list .book-club {padding:5px 0;border-bottom:1px dashed #ddd;overflow:hidden;border-top:1px solid #fff}
.book-club-list .book-club a {font-weight:bold;font-size:14px;}
.book-club-list .book-club img {margin-right:5px;}
.book-club-list .book-club span {display: block;font-size: 12px;line-height: 15px;}
.book-club-list .new,.book-club-list .popular {float:left;width:450px;}

.hero-top {position:relative;padding:40px 0;overflow:hidden;border-bottom:1px solid #ccc;
           -moz-box-shadow: 0 4px 4px #ccc;
-webkit-box-shadow: 0 4px 4px #ccc;
box-shadow: 0 4px 4px #ccc}
.hero-top .left {float:left;width:601px}
.hero-top .left .home-buttons {margin: 45px 0px 0px 135px;}
.hero-top .left .home-buttons a {margin-right:20px;}
.hero-top .hero-image {float:right;width:300px;}

.book-club-list .popular {margin-left:20px;}

.features {overflow:hidden;padding:20px 0;background:#eee;border-bottom:1px solid #ccc}
.features div.feature {float: left;
    margin-right: 15px;
    padding-left: 45px;
    width: 250px;}
.features div.last {margin-right:0}
.features div.feature h4 {color:#0088CC;font-family: Georgia; font-size: 16px; }
.features div.feature p {}
.features .connect {background:url(../images/connect.png) no-repeat 0 0}
.features .share {background:url(../images/share.png) no-repeat 0 0}
.features .discuss {background:url(../images/discuss.png) no-repeat 0 0}


.popup {padding:10px;background:#fff;border:5px solid #ccc;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;overflow:scroll}

.popup .close-button {float: right;
    position: absolute;
    right: 8px;}

.modalBackground2 {background:#333;opacity:.8}


.no-info {margin:10px 0;background:#eee;padding:10px}
.no-info h3 {font-family:georgia;font-size:14px;}
.no-info p {}

.login {}
.login td {padding:5px 0;}

.inline {display:inline}

.search-box {float: left;
    margin-left: 25px;
    margin-top: 4px;}
.search-box input {margin:0;padding:3px;}

.tabs {overflow:hidden;margin:0 0 0px 0;}
.tabs li {float:left;display:block}
.tabs li a {color:#333;display:block;float:left;padding:5px 12px;margin-left:10px;border:1px solid #ccc;background:#eee;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
.tabs li a.at {background:#fff;color:#333;border-bottom:1px solid #fff}

.sidebar {float:right;width:250px;margin-left:15px}

.book_search_box {margin-bottom:15px;padding:10px;background:#fcf8e3;overflow:hidden;border:1px solid #e5dfc1}
.book_search_box span {font-weight:bold}
.book_search_box input[type="text"] {margin:0}

.book-search {}
.book-search td {padding:3px 2px;border-bottom:1px solid #ddd}

.book-search td.details {vertical-align:top}
.book-search td.details a {font-size:13px;font-weight:bold;}
.book-search td.details span {display:block}

.search-box .search-button {background:#fff url(../images/mag_glass.png) no-repeat 0px 0px;position:relative;width:16px;height:16px;left:-25px;border:0}

.book_search h3,.book-club-search h3 {font-family:Georgia;font-size:14px;margin-bottom:10px;}

.tabs-bottom {border-top:1px solid #ccc; margin-top: -1px;}

.browse-sidebar {padding-top:60px}
.browse-sidebar h4 {font-family:Georgia;font-size:14px;}
.browse-sidebar ul {list-style-type:none;margin:0}
.browse-sidebar ul li {}
.browse-sidebar ul li a {padding:2px 3px;}

.book-details {overflow:hidden}
.book-details .image {float: left;
    width: 110px;}
.book-details .image img {padding:3px;border:1px solid #ddd}
.book-details .image a {display:block;margin:10px 0;}
.book-details .details {float:left;margin-left:15px;width: 530px;}
.book-details .details h1 {}
.book-details .details ul {list-style-type:none}
.book-details .details ul li {padding:2px 0;}

.clubs-reading {clear:both;}


.no-results {margin:10px 0;border-top:1px solid #f60;border-bottom:1px solid #f60;padding:5px;}
.no-results h3 {font-size:15px;font-family:Georgia;color:#f60;line-height:19px}
.no-results p {}

span.failureNotification {color:#ff0000;font-weight:bold;}

.forgot-password {display:inline;margin-left:5px;}

.message {padding:5px;background:#D0ECF7;margin-bottom:10px;bordeR:1px solid #0088CC}

.leader-list {}
.leader-list td {padding:2px;vertical-align:middle}
.leader-list .avatar {width:35px;}
.leader-list .details {padding-left:5px;}